<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:url var="loginUrl" value='j_spring_security_check' />
<html lang="es">
    <head>
        <meta content="text/html; charset=utf-8" />
        <meta charset="UTF-8" />
        <meta description="Generador de HTML" />
        <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
        <link rel="icon" type="image/x-icon" href="./images/favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/css_plantilla/estilo.css" />
        <script type="text/javascript" src="js/js_plantilla/scripts/SpryMenuBar.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/hora_actual.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/aumentar-disminuir-text.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/jquery-1.10.1.min.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/jquery-ui.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/html5placeholder.jquery.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/validacion_controladores.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/jquery.mask.min.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/noconflict.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/modernizr.foundation.js"></script>

        <script type="text/javascript" src="js/js_plantilla/scripts/jquery.bpopup.min.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/custom.js"></script>
        <script type="text/javascript" src="js/js_plantilla/scripts/funciones.js"></script>
        <title>Login Page</title>
    </head>
    <body onload='document.f.j_username.focus();'>
        ${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}

        <div class="login">

            <form name='f' class="loginform" action="<c:url value='j_spring_security_check' />" target="_parent" method='POST'>
                <div class="titulo_login">
                    <label class="left">Bienvenidos al Sistemas de Servicios en L&iacute;nea</label>
                </div>
                <div class="titulo_login_verde separador-bottom2" ></div>

                <div class="content_login">

                    <div class="content_login_left">
                        <div class="img_login">
                            <img src="${pageContext.request.contextPath}/images/img_plantilla/img_login_clave.png" >
                        </div>
                        <div class="alert_login">
                            <div class="div_alert">
                                <label>Servicios con Clave</label>
                            </div>
                            <div class="div_content_alert">
                                
                            </div>
                        </div>
                    </div>


                    <div class="content_login_right">
                        <div class="text_secundario_login separador-top2">
                            <label>Iniciar Sesi&oacute;n</label>
                            <div class="linea_login"></div>
                        </div>
                        <div class="div_login separador-top2">
                            <label class="nit_login">NIT:</label>
                            <input  placeholder="0000-000000-000-0" class="numeros usuario " type="text" maxlength="17" name="j_username"/>
                        </div>
                        <div class="div_login separador-top2">
                            <label class="pass_login">Clave:</label>
                            <input class="contrasena" type="password" name="j_password"/>
                        </div>
                        <div class="div_link">
                            <a target="_parent" href="#" class="olvideclave">Olvid&eacute; mi Clave</a>
                        </div>
                        <div class="div_login2 separador-top5">
                            <div class="button_login1"> <input type="reset" class="button radius secondary tiny ajustar_buttton" value="Limpiar" name="commit" /> </div>
                            <div class="button_login2"> <input type="submit" class="button radius secondary tiny ajustar_buttton" value="Ingresar" name="cancel" /> </div>
                        </div>
                        
                        <div class="linea_login"></div>
                        
                        <div class="registrate_login separador-top2">
                            <label>Reg&iacute;strate</label><span>(Es f&aacute;cil y r&aacute;pido).</span>
                        </div>
                        <div class="link_login">
                            <a target="_parent" href="#">Si a&uacute;n no est&aacute;s registrado, puedes hacerlo desde aqu&iacute;</a>
                        </div>
                    </div>

                </div>

            </form>
        </div>


    </body>
</html>